@CHARSET "ISO-8859-1";

#container {
	background-color: gray;
}

h2 {
	font-size: 18px;
	text-align: center;
}

.character-page-holder {
	display: table;
	width: 100%;
}

.character-page {
	display: table-row;
}

.character-page>div {
	display: table-cell;
	vertical-align: top;
}

.character-page-section {
	position: relative;
}

.character-page ul,.character-page ol {
	list-style: none;
}

.character-page h3 {
	text-align: center;
}

.character-page h4 {
	padding-left: 10px;
}

#attribute-list span:first-child {
	text-transform: capitalize;
	text-align: left;
}

#attribute-list span {
	text-align: right;
}

.value-list {
	display: table;
	width: 100%;
	border-spacing: 2px;
}

.value-list li {
	display: table-row;
	cursor: pointer;
}

.value-list span {
	display: table-cell;
	padding: 0 5px;
	border: 1px solid black;
	border-radius: 10px;
}

.value-list span:last-child {
	text-align: center;
}

.feat-icon-holder {
	height: 32px;
	width: 32px;
	padding: 5px;
}

.feat-name-holder {
	vertical-align: middle;
}

/*****************************************/
/*****  		animation 			 *****/
/*****************************************/

#animation-holder {
	padding: 20px;
	height: 150px;
}

.animation-container {
	position: relative;
	height: 100%;
}

.animation-frame {
	left: 30px;
	bottom: 30px;
}

/*****************************************/
/*****  		inventory 			 *****/
/*****************************************/
.inventory {
	width: 221px;
	height: 315px;
	background-image: url('../images/misc/inventory.png');
	background-repeat: no-repeat;
	position: relative;
	
	margin: 0 auto 10px;
}

.inventory-slot {
	position: absolute;
	width: 32px;
	height: 32px;
}
/* weapons */
.inventory-slot.mainHand {
	top: 38px;
	left: 7px;
}

.inventory-slot.sidearm {
	top: 141px;
	left: 42px;
}

.inventory-slot.offHand {
	left: 145px;
	top: 126px;
}
/* armor */
.inventory-slot.head {
	top: 7px;
	left: 104px;
}

.inventory-slot.chest {
	left: 104px;
	top: 85px;
}

.inventory-slot.legs {
	left: 100px;
	top: 170px;
}

.inventory-slot.feet {
	left: 109px;
	top: 212px;
}

.inventory-slot.arms {
	left: 43px;
	top: 37px;
}

.inventory-slot.hands {
	left: 182px;
	top: 126px;
}
/* misc */
.inventory-slot.waist {
	left: 103px;
	top: 124px;
}

.inventory-slot.back {
	left: 149px;
	top: 171px;
}

.inventory-slot.neck {
	left: 104px;
	top: 46px;
}

.inventory-slot.finger1 {
	left: 182px;
	top: 42px;
}

.inventory-slot.finger2 {
	left: 182px;
	top: 78px;
}

.inventory-slot.charm1 {
	left: 4px;
	top: 212px;
}

.inventory-slot.charm2 {
	left: 43px;
	top: 212px;
}